﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML & CSS Basics Summary</title>
    <link rel="stylesheet" href="styles/summary.css">
</head>
<body>
<header>
    <h1>HTML & CSS Basics Summary</h1>
    <img src="images/html-css.jpg" alt="html & css logos">
</header>
<main>
    <section>
        <h2>HTML Summary</h2>
        <p>
            HTML(Hyper Text Markup Language) is the standard markup language for
            documents designed to be.You <strong>don't</strong> use it
            for styling purposes.Use CSS for that instead!
        </p>
        <ul>
            <li>
                HTML uses "elements" to describe content
            </li>
            <li class="extra-important">
                HTML elements typically have an opening tag
            </li>
            <li>
                You can also have void elements like images
            </li>
            <li class="extra-important">
                You can also configure elements with attributes
            </li>
            <li>
                There's a long list of available elements
            </li>
        </ul>
        <p>Learn more about all available HTML elements on <a href="">the MDN HTML element reference.</a></p>

    </section>
    <section>
        <h2>CSS Summary</h2>
        <p>CSS (Cascading Style Sheets) is used for styling your page content.</p>
        <ul>
            <li>
                Styles are assigned via property-value pairs
            </li>
            <li class="extra-important">
                You can assign styles via the "style" attribute
            </li>
            <li class="extra-important">
                To avoid code duplication,you typically use global styles intead
            </li>
            <li>
                When working with CSS,concepts like "inheritance"
            </li>
        </ul>
        <p>Learn more about all available CSS on <a href="">the MDN CSS element reference.</a></p>

    </section>
</main>
<footer>
    <a href="files/ASP.NET%20Core.pdf" target="_blank">
        Download PDF Summary
    </a>
    <p>
        (C) Academind Troy Castle
    </p>
</footer>
</body>
</html>